<div class="round-border-topright"></div>
<script type="text/javascript">
 $(document).ready(function(){
	$("#link_support").click(function(event){	   
		$.ajax({
		   contentType: 'application/html',
		   type: "POST",
		   url: "/cs_support/form_html/",
		   dataType: 'html',
		   success: function(resp) {
						var html_source = resp;	
						//alert(html_source);
						$("#middle_content").html("<div class=\"main-content\">"+html_source+"</div>");
						//$("#middle_content").html(html_source);
						return;	
					},
			error: function() {
				$("#erro_dialog_cadastrar").dialog({ resizable: false });
			},
		 });
	}); 
}); 	
</script>
{% if user.is_authenticated %}
<script type="text/javascript">
 $(document).ready(function(){
	$("#link_monitor").click(function(event){	   
		$.ajax({
		   contentType: 'application/json',
		   type: "POST",
		   url: "/db_test/",
		   dataType: 'html',
		   success: function(resp) {
						var html_source = resp;	
						//alert(html_source);
						$("#two_columns").html(html_source);
						return;	
					},
			error: function() {
				// Prompt for user data and process the result using a callback:
				//alert('Falha de conexao com o servidor.');
				$("#erro_dialog").dialog({ resizable: false });
			},
		 });
   }); 
	      
	$("#link_userInfo").click(function(event){	   
		$.ajax({
		   contentType: 'application/html',
		   type: "POST",
		   url: "/user_info/",
		   dataType: 'html',
		   success: function(resp) {
						var html_source = resp;	
						//alert(html_source);
						//$("#middle_content").html("<div class=\"main-content\">"+html_source+"</div>");
						$("#middle_content").html(html_source);
						return;	
					},
			error: function() {
				$("#erro_dialog_cadastrar").dialog({ resizable: false });
			},
		 });
	});    
});   
</script>
        <h1 class="first">Menu</h1>
        <!-- Navigation with grid style -->
        <dl class="nav3-grid">
         <dt><a href="#">Assinaturas:</a></dt>
            <dd><a style="cursor:pointer" onClick="$('#link_home').click();">Céu</a></dd>
			<dd><a  style="cursor:pointer" onClick="$('#link_home').click();">Via</a></dd>
			<dd><a  style="cursor:pointer" onClick="$('#link_home').click();">Bobofonica</a></dd>
          <dd>&nbsp;</dd>
          <dt><a href="#">Conta:</a></dt>
		  <dd><a style="cursor:pointer" id="link_userInfo">Sua Conta</a></dd>			
            <dd>&nbsp;</dd>				
          <dt><a href="#">Planos</a></dt>
			<dd><a href="#">Mensal</a></dd>
			<dd><a href="#"><span style="text-decoration:line-through">Trimestral</span></a></dd>
			<dd>&nbsp;</dd>
          <dt><a href="#">Ajuda:</a></dt>
			<dd><a style="cursor:pointer" id="link_support">Suporte</a></dd>
			<dd>&nbsp;</dd>
        </dl>  
{% else %}
        <h1 class="first">Menu</h1>
        <!-- Navigation with grid style -->
        <dl class="nav3-grid">
          <dt><a href="#">Assinaturas:</a></dt>
		  <dd><a href="#" onClick="$('#link_home').click();">Céu</a></dd>
          <dd><a href="#" onClick="$('#link_home').click();">Via Embromatel</a></dd>
          <dd><a href="#" onClick="$('#link_home').click();">Bobofonica</a></dd>
          <dd>&nbsp;</dd>		  
          <dt><a href="#">Ajuda:</a></dt>
            <dd><a style="cursor:pointer" id="link_support">Suporte</a></dd>
            <dd>&nbsp;</dd>
        </dl>  
{% endif %}		